<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>庄剑辉庄剑辉庄剑辉庄剑辉庄剑辉庄剑辉</title>
    <link rel="stylesheet" href="css/bootstrap.css"/>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>


</head>
<body>
<div id="test" style="border: 1px solid red;width: 20%;word-break: break-all;">
    庄剑辉庄剑辉庄剑辉庄剑辉庄剑辉庄剑辉
</div>
<a href="#" class="title">
    请悬停在我的上面1
</a>
<a href="#" class="title">
    请悬停在我的上面2
</a>

<div>
    aaaaaaaaaaack<br/>
    asdfasd
</div>
<button id="btn">
    点击显示
</button>
<script>
    $(function () {
        $('.title').hover(function () {
            var $this = $(this);
            console.info('cc')
            $this.popover({
                content: $this.html()
            }).popover('show');
        }, function () {
            var $this = $(this);
            $this.popover('hide')
        });

    });
</script>
</body>
</html>